<script>
import ProjectPlanReportManage from "./components/ProjectPlanReportManage.vue";
import ProjectPlanTemplateReportManage from "./components/ProjectPlanTemplateReportManage.vue";

export default {
	components: {
    ProjectPlanReportManage,
    ProjectPlanTemplateReportManage,
  },
  data() {
    return {
        activeKey: 'ProjectPlanReportManage',
    };
  },
	mounted() {},
  methods: {
		toHowDownload() {
			
		},
		toCreateReport() {

		}
	},
};
</script>

<template>
  <div class="project-plan-report">
    <a-tabs type="card" v-model:activeKey="activeKey">
      <a-tab-pane key="ProjectPlanReportManage" tab="培训报告管理">
				<ProjectPlanReportManage />
			</a-tab-pane>
      <a-tab-pane key="ProjectPlanTemplateReportManage" tab="培训报告模板管理">
				<ProjectPlanTemplateReportManage />
			</a-tab-pane>
    </a-tabs>
		<div class="create-report-box">
			<span class="how-download" @click="toHowDownload">如何下载培训报告？</span>
			<a-button type="primary" @click="toCreateReport">创建报告</a-button>
		</div>
  </div>
</template>

<style lang="less" scoped>
.project-plan-report {
	position: relative;
	padding: 24px;
  background-color: #FFF;

	.create-report-box {
		position: absolute;
		top: 24px;
		right: 24px;

		.how-download {
			color: #0093FF;
			cursor: pointer;
		}
	}
}
</style>
